<md-content class="page-content toolbar-page">
	<div class="page-toolbar" layout>
		<div flex layout layout-align="start center">
			<md-button class="md-primary" ui-sref="member">
				<span class="icon icon-chevron-left"></span>
				我的储值账户
			</md-button>
		</div>
	</div>
	<md-content flex class="page-body">
		<div class="bg-theme padding v-gap" layout="column">
			<div layout="column">
				<div class="s-text light">账户余额</div>
				<div layout="" layout-align="center center" class="l2-text">&nbsp;{{dataObj.account.balance|currency}}&nbsp;</div>
			</div>
			<div layout layout-align="center" class="light s-text">
				<div>共储值：{{dataObj.accountTotalDeposit.amounttotal||0|currency}}</div>
				<div>&nbsp;&nbsp;|&nbsp;&nbsp;</div>
				<div>共消费：{{dataObj.accountTotalPay.amounttotal||0|currency}}</div>
			</div>
		</div>
		<md-tabs md-selected="selectedIndex" md-dynamic-height="true">
			<md-tab ng-repeat="tab in tabs"
			        label="{{tab.name}}">
			</md-tab>
		</md-tabs>
		<section class="padding" layout layout-align="center" ng-if="dataObj.count==0">
			<!--CLASS store为储 spend为付-->
			<span>没有记录。</span>
		</section>
		<section ng-repeat="monthData in dataObj.month" ng-if="monthData.count.count">
			<md-subheader>
				<div layout>
					<div flex>{{monthData.count.month|date:'yyyy MMMM'}}</div>
					<div>{{monthData.count.count}}笔</div>
				</div>
			</md-subheader>

			<md-list class="bar-list">
				<md-item ng-repeat="tx in monthData.txList" ng-click="choseItem(tx)" class="btn-link">
					<md-item-content>
						<div class="md-tile-content h-gap" layout="row" layout-align="center center">
							<div layout class="light">
								{{tx.createtime|date:'MM-dd'}}
							</div>
							<div layout flex class="light">
								{{tx.txtype|maccTxType}}
							</div>
							<div>{{tx.amount|currency}}</div>
						</div>
					</md-item-content>
				</md-item>
			</md-list>
		</section>
	</md-content>
</md-content>
